<script lang="ts" setup>
import { onMounted, reactive } from "vue";
import { useRouter, useRoute } from 'vue-router'
import { getOrderStatusMessge } from '@/utils/util'
import { ElMessage } from "element-plus";
const router = useRouter()
const route = useRoute()
const vdata = reactive({
    info: {}
})
onMounted(() => {
    // console.log(route.query)
    // vdata.goods = { ...route.query }
    /**
     * 在这里调获取消息的接口
     */
})

const submit = () => {
    ElMessage({
        message: '举报成功，感谢你的反馈',
        type: 'success',
    })
}
</script>
<template>
    <div class="report_main">
        <div class="form_box">
            <el-form :model="vdata.info" label-width="auto">
                <el-row>
                    <el-col :span="11">
                        <el-form-item label="联系人">
                            <el-input v-model="vdata.info.userName" />
                        </el-form-item>
                        <el-form-item label="举报对象">
                            <el-input v-model="vdata.info.reportName" />
                        </el-form-item>
                    </el-col>
                    <el-col :span="11" style="margin-left: 20px;">
                        <el-form-item label="联系电话">
                            <el-input v-model="vdata.info.phone" />
                        </el-form-item>
                        <el-form-item label="举报对象">
                            <el-input v-model="vdata.info.reportContent" />
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col>
                        <el-form-item style="float: right;">
                            <el-button type="primary" @click="submit" style="width: 80px;">
                                提交
                            </el-button>
                        </el-form-item>
                    </el-col>
                </el-row>


            </el-form>
        </div>
    </div>
</template>
<style lang="scss" scoped>
.report_main {
    width: 800px;
    margin: 0 auto;
    margin-top: 20px;
    background-color: #fff;
    padding: 20px;
}
</style>